﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>品牌商城首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
 <link href="css/page.min.css" rel="stylesheet" />
          <link href="css/font-awesome.min.css" rel="stylesheet"/>
        <style>
            body{
                background: #F5F5F5
            }
        </style>
	</head>
	<body>
        <section class="sdfd_index">
          <img src="img/sc_poiu_a.jpg" class="w100">
        </section>
        
        <p class="cen pt5 pm5 bgff fz14">
       <i class="fa fa-thumbs-o-up hs fz20" ></i> 推荐品牌
        </p>
        <section>
         <img src="img/sc_poiu_b.jpg" class="w100">
        </section>
        <section class="mui-col-xs-6 fl fdf_poiou">
          <img src="img/sc_poiu_c.jpg" class="w100">
        </section>
        <section class="mui-col-xs-6 fl fdf_poiou">
          <img src="img/sc_poiu_d.jpg" class="w100">
        </section>
        <p class="qc"></p>
        
        <section class="mt10  pt5 pm10 bgff ov">
           <p class="hs pm5 bbm pd fz12">
            <i class="f_i zshi_finh"></i>
               立即兑
               <span class="fr">更多 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></span>
            </p>
            <section class="pt10 ffg_ddff pl10">
              <img src="img/liuyt_c.gif" class="mui-col-xs-5 fl">
                <section class="ov pd">
                <p class="zd mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12 mt5">积分数：1548</p>
                    <p class="mt10">
                    <button class="ssd_opoiu cf bgsuccess">
                        立即兑
                        </button>
                        <span class="hs fr">
                        <i class="fa fa-plus-circle" ></i>
                        <i class="fa fa-shopping-cart ml10" ></i>
                        </span>
                    </p>
                </section>
            </section>
        </section>
        <section class="mt10  pt5 pm10 bgff ov">
           <p class="hs pm5 bbm pd fz12">
            <i class="f_i zshi_finh"></i>
               立即兑
               <span class="fr">更多 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></span>
            </p>
            <section class="pt10 ffg_ddff pl10">
              <img src="img/liuyt_c.gif" class="mui-col-xs-5 fl">
                <section class="ov pd">
                <p class="zd mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12 mt5">积分数：1548</p>
                    <p class="mt10">
                    <button class="ssd_opoiu cf bgsuccess">
                        立即兑
                        </button>
                        <span class="hs fr">
                        <i class="fa fa-plus-circle" ></i>
                        <i class="fa fa-shopping-cart ml10" ></i>
                        </span>
                    </p>
                </section> 
            </section>
        </section> 
		 <nav class="mui-bar mui-bar-tab pt5">
		        <a class="mui-tab-item mui-active">
		            <span class="fa fa-home fz22"></span><br />
		            <span class="mui-tab-label fz12">首页</span>
		        </a>
		        <a class="mui-tab-item">
		            <span class="fa fa-th-large fz22"></span><br />
		            <span class="mui-tab-label fz12">分类</span>
		        </a>
		        <a class="mui-tab-item">
		            <span class="fa fa-shopping-cart fz22"></span><br>
		            <span class="mui-tab-label fz12">购物</span>
		        </a>
		        <a class="mui-tab-item">
		            <span class="fa fa-user fz22"></span><br>
		            <span class="mui-tab-label fz12">我的</span>
		        </a>
		    </nav>
	</body>
</html>
